<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<th:block th:include="include :: header('单据打印')" />
    <th:block th:include="include :: summernote-css"/>
    <style>
        .showImg{
            width: 100px;
            height: 100px;
        }
        .divX
        {
            z-index:200;
            color: red;
            cursor:pointer;
            font-size:10px;
            display: inline-block;
            position: absolute;
            vertical-align: top;
            width: 20px;
        }
    </style>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox-content p-xl">
                    <h1 style="text-align: center" th:text="${flow.title}"></h1>
                    <input name="content" th:field="${flow.content}" id="content" type="hidden" >
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>需求详细信息</h5>
                        </div>
                        <div class="ibox-content no-padding">
                            <div class="summernote"></div>
                        </div>
                    </div>
                    <table class="table invoice-total">
                        <tbody>
                        <tr>
                            <td><strong>提交人：</strong>
                            </td>
                            <td>[[*{flow.naEmpCre}]]</td>
                        </tr>
                        <tr>
                            <td><strong>提交科室：</strong>
                            </td>
                            <td>[[*{flow.deptName}]]</td>
                        </tr>
                        <tr>
                            <td><strong>提交时间</strong>
                            </td>
                            <td>[[*{#dates.format(flow.dtSysCre, 'yyyy-MM-dd')}]]</td>
                        </tr>
                        </tbody>
                    </table>
                    <div class="text-right hidden-print">
                        <button class="btn btn-primary" onclick="printPage()"><i class="fa fa-print"></i> 打印</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade bs-example-modal-lg text-center" id="imgModal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" >
        <div class="modal-dialog modal-lg" style="display: inline-block; width: auto;">
            <div class="modal-content">
                <img  id="imgInModalID"
                      class="carousel-inner img-responsive img-rounded"
                      onclick="closeImageViewer()"
                      onmouseover="this.style.cursor='pointer';this.style.cursor='hand'"
                      onmouseout="this.style.cursor='default'"
                />
            </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: summernote-js"/>
    <script type="text/javascript">
        function printPage() {
            window.print();
        }
        //显示大图
        function showimage(ele)
        {
            $("#imgModal").find("#imgInModalID").attr("src",$(ele).attr("src"));
            $("#imgModal").modal();
        }
        //关闭
        function closeImageViewer(){
            $("#imgModal").modal('hide');
        }
        $(document).ready(function () {
            debugger;
            $('.summernote').summernote({
                lang: 'zh-CN'
            });
        });
        $(function() {
            debugger;
            $(".summernote").summernote("code",$("#content").val());
            $('.summernote').summernote('destroy');
        });
    </script>
</body>
</html>
